<template>
  <div class="app-content">
    <div class="tab-content" ref="tabContent">
      <router-view></router-view>
    </div>

    <main-tab-bar></main-tab-bar>
  </div>
</template>

<script>
import MainTabBar from "@/components/content/mainTabbar/MainTabBar.vue";
import MyActionBar from "@/components/common/actionbar/MyActionBar.vue";
export default {
  components: {
    MainTabBar,
    MyActionBar,
  },
  // computed: {

  //   // sty() {
  //   //   return {
  //   //     height: document.body.clientHeight - 44 + "px",
  //   //     overflow: scroll,
  //   //   };
  //   // },
  // },
  mounted() {
    //计算tabContent高度
    this.$refs.tabContent.style.height =
      document.documentElement.clientHeight - 54 + "px";
    console.log(this.$route.path);
  },
};
</script>

<style>
@import "./assets/css/base.css";
.tab-content {
  overflow: scroll;
}
</style>


